.modal {
    --close: #515151;
    --close-hover: #d4237a;
    --modal-background: rgba(30, 41, 51, 0.45);
    --modal-content-background: #fff;

    .backdrop {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--modal-background);
    }

    .close {
        fill: var(--close);

        &:hover {
            fill: var(--close-hover);
        }
    }
}
